@charset "utf-8";
.m{ width:100%; height:100%; position:fixed;}
#my-video{ width: 100%; height: 100%;}
.m video{width:100%; height:100%;object-fit: fill; opacity: .5;}
.m .ban_black{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.47);}
#my-video:after{ content: ''; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 50%; height: 28%; background: url(../images/banner/01.png) no-repeat center center; background-size: 100% 100%;}
.jDiaporama{ position: absolute; width:100%; height:100%;}
.jDiaporama ul{-moz-box-shadow:1px 1px 0.5em #222;overflow:hidden;width: 100%;height: 100%;}
.jDiaporama li{list-style-type:none;overflow:hidden;position:absolute;width: 100%;height: 100%;}
.jDiaporama li img{display:block;width: 100%;height: 100%;}
.jDiaporama_controls{display:none;}
.jDiaporama_controls a{font-weight:normal;width:10px;height:13px;text-indent:-9999px;display:block;margin:0 3px;position:absolute;}
.jDiaporama_controls .prev{background:url(../images/banner/controls2.png) no-repeat bottom;_background:url(../images/banner/controls.gif) no-repeat bottom;top:50%;margin-top:-16px;height:32px;width:32px;left: 0px}
.jDiaporama_controls .next{background:url(../images/banner/controls2.png) no-repeat top;_background:url(../images/banner/controls.gif) no-repeat top;top:50%;margin-top:-16px;height:32px;width:32px;right: 0px}
.jDiaporama_controls .pause{background:url(../images/banner/playpause.png) no-repeat top;_background:url(../images/banner/playpause.gif) no-repeat top;width:64px;height:48px;left:50%;top:50%;margin-left:-32px;margin-top:-24px;}
.jDiaporama_controls .play{background:url(../images/banner/playpause.png) no-repeat bottom;_background:url(../images/banner/playpause.gif) no-repeat bottom;width:64px;height:48px;left:50%;top:50%;margin-left:-32px;margin-top:-24px;}
/**** Status ****/
.jDiaporama_status{text-align:center;position:absolute;left:50%;bottom: 20px;display:none;}
.jDiaporama_status a{background:url(../images/banner/bullets.png) no-repeat left;_background:url(../images/bullets.gif) no-repeat left;float:left;width:10px;height:10px;text-indent:-9999px;margin-right:5px;}
.jDiaporama_status a.active, .jDiaporama_status a:hover{background:url(../images/banner/bullets.png) no-repeat right;_background:url(../images/banner/bullets.gif) no-repeat right;}

.aboutbox{ background-image: url(../images/bg1.jpg); padding: 55px 0 90px;}
.aboutbox h1{ font-size: 42px; color: #243a67; font-style: italic; line-height: 88px;}
.aboutbox h2{ font-weight: normal; font-size: 20px; color: #243a67; line-height: 66px; margin-bottom: 22px;}
.aboutbox h5{ font-size: 20px; color: #707578; line-height: 40px; font-weight: normal;}
.index1_nav{justify-content: center; margin-top: 84px;}
.index1_nav li{ margin: 0 40px;}
.icon_about{ border-radius: 100%; height: 52px; background-repeat: no-repeat; background-position: center; margin: 0 auto; position: relative; overflow: hidden;}
.icon_about:before{ content: ''; background: url(../images/border.png) no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.icon_about1{ background-image: url(../images/icon1.png);}
.icon_about2{ background-image: url(../images/icon2.png);}
.icon_about3{ background-image: url(../images/icon3.png);}
.icon_about4{ background-image: url(../images/icon4.png);}
.index1_nav li p{ line-height: 28px; font-size: 14px; color: #5d5d5d;}
.index1_nav li:hover .icon_about:before{ background: #243a67;}
.index1_nav li:hover .icon_about1{ background-image: url(../images/icon1_on.png);}
.index1_nav li:hover .icon_about2{ background-image: url(../images/icon2_on.png);}
.index1_nav li:hover .icon_about3{ background-image: url(../images/icon3_on.png);}
.index1_nav li:hover .icon_about4{ background-image: url(../images/icon4_on.png);}

.project{ background-image: url(../images/bg2.jpg); padding: 45px 0 35px;}
.pro_nr{ width: 1296px; margin: 0 auto;}
.project_tit{ margin-bottom: 10px;}
.pro_en{ line-height: 34px; font-size: 24px; color: #7388a7; font-weight: bold; text-transform: uppercase;}
.pro_ch{ line-height: 46px; font-size: 30px; color: #ffffff; font-weight: bold;}
.pro_ch img{ vertical-align: middle; margin: 0 8px;}
.slideTxtBox .hd ul{justify-content: center;}
.slideTxtBox .hd ul li{ line-height: 130px; margin: 0 40px; font-size: 36px; color: #97a8c2; font-weight: bold; cursor: pointer;}
.slideTxtBox .hd ul li.on{ color: #ffffff;}
.pro_txt{ margin: 15px 90px 38px; height: 174px; overflow: hidden;}
.pro_txt h1{ font-weight: normal; font-size: 24px; color: #ffffff; line-height: 62px;}
.pro_txt p{ font-size: 16px; color: #ffffff; line-height: 28px;}
a.zx{ display: block; width: 123px; line-height: 30px; margin: 0 auto; border: 1px solid #a9b3bc; border-radius: 30px; font-size: 16px; color: #ffffff;}

.plan{ background-image: url(../images/bg3.jpg); padding: 100px 0 120px;}
.plan_nr{ width: 76.6%; margin: 0 auto;}
.plan_tit{ font-style: italic;}
.plan_tit h1{ text-transform: uppercase; line-height: 74px; font-size: 52px; color: #ededed;}
.plan_tit h2{ font-size: 39px; color: #243a67; line-height: 1; margin-top: -39px;}
.plan_ul{ margin-top: 70px;}
.plan_ul li{ width: 29.2%; float: left; margin: 0 2.06%;}
.plan_icon{ height: 100px; background-repeat: no-repeat; background-position: center top;}
.plan_icon1{ background-image: url(../images/icon_plan1.png);}
.plan_icon2{ background-image: url(../images/icon_plan2.png);}
.plan_icon3{ background-image: url(../images/icon_plan3.png);}
.plan_ul li h1{ font-style: italic; line-height: 50px; font-size: 18px; color: #324976;}
.plan_ul li p{ font-size: 14px; color: #8f8f8f; line-height: 20px;}
.plant_txt{ height: 80px; margin-bottom: 66px;}

.adv{ background-color: #174677; justify-content: center; padding: 60px 0;}
.adv li{ margin: 0 50px;}
.adv_icon{ height: 70px; background-position: center; background-repeat: no-repeat;}
.adv_icon1{ background-image: url(../images/icon_adv1.png);}
.adv_icon2{ background-image: url(../images/icon_adv2.png);}
.adv_icon3{ background-image: url(../images/icon_adv3.png);}
.adv_icon4{ background-image: url(../images/icon_adv4.png);}
.adv_tit{ line-height: 58px; font-size: 20px; color: #ffffff;}
.adv_txt, .adv_txt p{ font-size: 14px; color: #ffffff; line-height: 24px;}

.casebox{ background-color: #f6f6f9; padding: 22px 0 42px;}
.case_tit h1{ text-transform: uppercase; font-size: 54px; color: #c3c3c3; line-height: 76px;}
.case_tit h2{ font-size: 36px; color: #243a67; line-height: 1; margin-top: -36px;}
.case_tit span{ color: #c92a2a;}
.picScroll-left{ position: relative; width: 1528px; margin: 60px auto 0;}
.picScroll-left .prev, .picScroll-left .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; cursor: pointer; z-index: 1;}
.picScroll-left .next{ left:auto; right:0; background-position:8px 5px;}
.picScroll-left .prev:hover, .picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;}
.picScroll-left .bd ul li{ float: left; text-align: center; width: 492px; margin-right: 26px;}
.picScroll-left .bd ul li p{ font-size: 16px; color: #3e3e3e; line-height: 66px;}

.theme-popover {z-index:9999;position:fixed;bottom:0; right:0;border-radius:5px;border:solid 2px #666;background-color:#fff;display:block;box-shadow: 0 0 10px #666;}
.theme-poptit {border-bottom:1px solid #ddd;padding:12px;position: relative;}
.theme-poptit .close {color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover {color:#444;}
.theme-popbod {padding:30px 15px;color:#444;height: 148px;}
.piao{ width:400px; height:225px;}
.piao iframe{ width:100%; height:100%;}

@media (max-width: 1680px)
{
    .plan_ul li p{ font-size: 12px;}
    .picScroll-left{ width: 1146px;}
    .picScroll-left .bd ul li{ width: 369px; margin-right: 19px;}
}